<template>
  <div class="MembershipCenter">
    <div class="card">
      <VipCard />
    </div>
    <div class="btn">
      <span class="left" @click="$router.push('/buy_members')">
        申请成为会员
      </span>
      <span class="right" @click="$router.push('/activation_code')">
        已有会员，输入激活码
      </span>
    </div>
  </div>
</template>

<script>
import VipCard from "@/components/VipCard";
export default {
  components: {  VipCard },
};
</script>

<style scoped>
.MembershipCenter .card {
  border-top: 3px #f8f8f8 solid;
}

.MembershipCenter .btn {
  margin: 210px 0;
  display: flex;
  justify-content: space-between;
  color: #fff;
  padding: 0 25px;
  margin-bottom: 0;
}
.MembershipCenter .btn span {
  display: block;
  text-align: center;
  width: 330px;
  height: 88px;
  line-height: 88px;
  border-radius: 50px;
}
.left {
  background: #f1c07a;
}
.right {
  background: #393e5a;
}
</style>